function Lines(Obj) {
    document.getElementById(Obj.id).innerHTML = `
    <style>
/* 外部样式 */
#gradient {
    background: -moz-linear-gradient(left, #b9202d 0%, #f5a020 50%, #5ac97b 100%);
    background: -webkit-linear-gradient(left, #b9202d 0%, #f5a020 50%, #5ac97b 100%);
    background: -o-linear-gradient(left, #b9202d 0%, #f5a020 50%, #5ac97b 100%);
    background: -ms-linear-gradient(left, #b9202d 0%, #f5a020 50%, #5ac97b 100%);
    background: linear-gradient(to left, #b9202d 0%, #f5a020 50%, #5ac97b 100%);
    width: 400px;
    height: 30px;
    position: relative;
    margin-top: 47px;
}

#gradient #lines p {
    width: 2%;
    height: 100%;
    background: white;
    float: left;
    margin: 0px;
    margin: 0px 1%;
}

#gradient #lines p:first-child {
    margin-left: 0px;
}

#gradient #lines p:last-child {
    margin-right: 0px;
}

/* 分割线样式 */
.Line-size {
    position: absolute;
    height: 40px;
    left: 0px;
    top: -18px;
    z-index: 999;
    width: 50px;
}

.Line-size p {
    float: left;
    height: 60px;
    width: 2px;
    background: #dcdcdc;
}

.Line-size b {
    float: left;
    font-size: 12px;
    margin-right: 2px;
    color: #dcdcdc;
    font-weight: normal;
}
/* 变颜色class */
.els-colors {
    transition: .3s all;
    color: red;
    background: red;
}

.tax {
    background: none !important;
    font-size: 20px;
    position: absolute;
    width: 30px;
    text-align: center;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: -11px;
}

.num {
    position: relative;
    font-size: 12px;
    width: 60px;
    margin: 0px;
    color: white;
    line-height: 25px;
    border-radius: 7px;
    text-align: center;
    color:white!important;
}

.wp {
    position: relative;
    overflow: hidden;
    padding: 20px;
}
.wp .wps {
    position: absolute;
    width: 60px;
    height: 40px;
    top: 20px;
    transition: .3s all;
}
</style>
    <div class="wp">
    <div class="wps">
        <p class="els-colors num">
            <span id="score">00.0</span>分
            <b class="els-colors tax">&hearts;</b>
        </p>
    </div>
    <div id="gradient">
        <div class="Line-size">
            <p></p>
            <b ><span id="rule-1">00.0</span>分</b>
        </div>
        <div class="Line-size" id="first-Line"
            style="position: absolute;height:40px;left: 0px;top: -18px;z-index: 999;width: 50px;">
            <b ><span id="rule-2">33.0</span>分</b>
            <p></p>
        </div>
        <div class="Line-size" id="second-Line"
            style="position: absolute;height:40px;left: 0px;top: -18px;z-index: 999;width: 50px;">
            <b ><span id="rule-3">44.0</span>分</b>
            <p></p>
        </div>

        <div class="Line-size" style="right: -10px;left: auto;">
            <b ><span id="rule-4">100.0</span>分</b>
            <p></p>
        </div>
        <div id="lines" style="width: 100%;height: 100%;">
        </div>
    </div>
</div>`
    var a = 0;
    var Dom = ""
    while (a < 25) {
        a++
        Dom += "<p></p>"
    }
    document.getElementById('lines').innerHTML = Dom
    document.getElementById('first-Line').style.marginLeft = document.getElementById('gradient').offsetWidth / 3 - 40 + 'px'
    document.getElementById('second-Line').style.marginLeft = (document.getElementById('gradient').offsetWidth / 3) * 2 - 46 + 'px'

}